<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title></title>
    <meta name="format-detection" content="telephone=no"/>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />    
    <style>     
     /* 头部样式 */
     .topbar {background: #3A8B7A; height:50px; }
     #title { color:#FFF;} 
     .swipe {line-height: 50px;margin-right: 10px;color: #FF8400;}
     .back {float: left; padding-right: 30px;}
     .back img {height: 30px;margin-top: 10px;margin-left: 10px;}
     .topbar .title {line-height: 50px; font-size: 22px; position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);}
     .right {float: right; padding-left: 30px;}
     .right img {height: 30px;margin-top: 10px;margin-right: 10px;}  
      /* 底部切换按钮样式 */
     ul {display: -webkit-box; display: -webkit-flex; display: flex; }
     #footer {height: 91px; line-height: 91px; background-color: #FAFAFA;border-top: 1px solid #e0e0e0; }
     #footer li{-webkit-box-flex: 1; -webkit-flex: 1; flex:1; height: 80px; margin-top:10px;}
 
     /* 底部按钮样式 */
     /********************/
     .bbtn01 {background: url(../image/btn/yqcz_button.png) no-repeat center 4px; }
     .bbtn02 {background: url(../image/btn/rdzz_button.png) no-repeat center 4px; }
     .bbtn03 {background: url(../image/btn/yqfx_button.png) no-repeat center 4px; }
     .bottom_btn {width: 99%;  height: 50px;color:red;padding-top: 18px;background-position:center; background-size: 50px;  font-size: 12px;}
     .bottom_btn>b{position:relative; left: 35px; bottom:60px; font-weight: bold;}
     .right {float: right; padding-left: 30px;}
     .right img {height: 30px;margin-top: 10px;margin-right: 10px;}       
     
     /* 本地刷新图标 */
     #localrefresh {display:none;float: right; width: 40px; padding: 5px 10px;}  
      
    </style>
  </head>
<body>
	<div id="wrap"> 
		<div class="titlebar activebar">
	        <div id="header" class="topbar whitebar">
<!--	   			<div class="back"  tapmode="" onclick="api.closeWin();"><img src="../image/btn/back.png" alt=""></div>-->
	   				          		<div class="back"  tapmode="" onclick="api.openSlidPane({type:'left'});">
	          	<div class="title" id="title">舆情处置</div>
	          	<div id="right" class="right">
	         		<a tapmode="" onclick="goto_openWinFun(1);"><img src="../image/btn/classification.png" alt=""></a>
	               	<a tapmode="" onclick="goto_openWinFun(2);"><img src="../image/btn/search.png" alt=""></a>
	         	</div>
	         </div>       
       	</div> 
	    <div id="main">       
	    </div>           	
       	<div id="footer">         
	        	<ul>
	          		<li tapmode="activebtn0 activebtn" onclick="goto_openMainWinFun(1)">
	            		<a class="bottom_btn bbtn01 weixin"><b id="number"></b></a>
	          		</li>
	          		<li tapmode="activebtn1 activebtn" onClick="goto_openMainWinFun(2)">
	            		<a class="bottom_btn bbtn02 communicate"> </a>
	          		</li>
	          		<li tapmode="activebtn2 activebtn" onClick="goto_openMainWinFun(3)">
	            		<a class="bottom_btn bbtn03 discover"> </a>
	          		</li> 
	        	</ul>
	      	</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>  
<script type="text/javascript" src="../script/alpenlicebe.js"></script>   
<script type="text/javascript" src="../script/zepto.min.js"></script>  
<script type="text/javascript" src="../script/hashes.min.js"></script> 
<script type="text/javascript" src="../script/iscroll.js"></script>    
<script type="text/javascript"> 
    apiready = function(){     
    	var header = $api.byId('header');  
    	$api.fixIos7Bar(header);   
    	var headerOffset = $api.offset(header);     
     	
     	 
     	api.openFrame ({
		        name: 'yq_DealOther',
		        url: './yq_DealOther.html',
		        rect:{
		            x:0,
		            y:headerOffset.h,
		            w:'auto',
		            h:api.frameHeight-headerOffset.h+10
		        }, 
		        pageParam: {winY:headerOffset.h},
		        delay: 300, 
		        bounces: false,
		     	reload: true,
		        showProgress: 'true'         
		    });           
    } 
    function goto_openWinFun(winIndex){
    	var winName="yq_listSearch";
    	if(1==winIndex){
    		winName="yq_listCate";
    	}else{
    		winName="yq_listSearch";
    	}
        var delay = 0; 
        if("ios" != api.systemType){
            delay = 300;
        } 
        api.openWin({
            name: winName,
            url: "./"+winName+".html",
            pageParam: {
                winName: winName
            },
            bounces: false,
            vScrollBarEnabled:false,
            hScrollBarEnabled:false,
            reload: true,
            delay: delay
    	}); 
    }
</script>
</html>